<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- jquery(必须)，版本自选,注意版本兼容问题 -->
	<script src="js/jquery-3.2.1.min.js"></script>
	<!-- 表单序列化插件（必须）-->
	<script src="js/jquery.serializejson.js"></script>
	<script src="../src/report/report.js"></script>
	<title>ES6 Webpack Demo</title>
</head>
<script>
	debugger;
	/*初始化配置*/
	report.options({
		reportVersion: '8.0',//（可选）报表服务器版本，默认 9.0 ,目前支持 8.0 , 9.0
		reportServer: 'http://10.81.199.15:6888/WebReport/ReportServer',//（必须）全局配置，在所有操作中未指定报表服务时，会调用此地址
		// reportServer: 'http://localhost:8088/ncmsweb/ReportServer',//（必须）全局配置，在所有操作中未指定报表服务时，会调用此地址
		// reportServer: 'http://42.123.97.19:8086/WebReport/ReportServer',//（必须）全局配置，在所有操作中未指定报表服务时，会调用此地址
		showPrintTip: true,//（可选）是否显示打印提示信息，默认 false
		sessionIdName: 'data-report-session',//(可选)报表SessionID属性名称，默认“data-report-session”
		formIdPrefix: '#reportForm_',//(可选)报表表单ID前缀，默认“#reportForm”
		formParamPrefix: 'params.',//(可选)表单参数前缀，默认无,若此参数为空且表单参数含有前缀的话，内部处理器将不会处理，报表可能会无法访问
		frameIdPrefix: '#reportFrame_',//(可选)报表表单ID前缀，默认“#reportFrame”
		showLog: true
	});
	// const v1 = report.getReportServer();
	// const v2 = report.getSessionIdName();
	// const v3 = report.getFormIdPrefix();
	// const v4 = report.getFormParamPrefix();
	// const v5 = report.getFrameIdPrefix();
	// const v6 = report.getReportVersion();
</script>
</html>
<body style="height: 100%">
<!-- 表单ID说明
1. id ['formIdPrefix'] + 'reportID'
2. 表单元素 name ['formParamPrefix'] + 'name' ,有无前缀可混合使用，内部处理是只处理含有前缀的参数
-->
<form id="reportForm_123456">
	<label for="1">报表名称</label>
<!--	<input id="1" name="reportlet" value="statistics/3401/staff/out_settlement_count.cpt">-->
	<select id="1" name="reportlet">
		<option value="statistics/3401/staff/out_settlement_count.cpt" selected>门诊结算汇总统</option>
		<option value="statistics/3401/staff/person_insured.cpt">职工参保单位统计</option>
	</select>
	<!--<label for="2">年份</label>-->
	<!--<input id="2" name="params.year" value="2018">-->
	<!--<label for="3">机构</label>-->
	<!--<input id="3" name="params.userOrgName" value="贵州省卫生计生委" disabled>-->
	<label for="4">用户名</label>
	<input id="4" name="userName" value="A000000">
	<!--<label for="5">地区编码</label>-->
	<!--<input id="5" name="area_id" value="52">-->
	<!--<label for="6">统计时间</label>-->
	<!--<input id="6" name="countTime" value="">-->
	<label for="7">用户地区编码</label>
	<input id="7" name="userArea" value="3401">
	<!--<label for="8">用户机构编码</label>-->
	<!--<input id="8" name="userOrgCode" value="520000000146">-->
	<!--<label for="9">季度</label>-->
	<!--<input id="9" name="quarter" value="3">-->
	<input name="startDate" value="2018-12-25 00:00:00">
	<input name="endDate" value="2019-01-04 23:59:59">
	<!-- 支持数组序列化 参数名称后面加“[]”-->
	<!--<select id="10" multiple="multiple" name="areaCode[]">-->
	<!--<option value="522201" selected>522201</option>-->
	<!--<option value="522202" selected>522202</option>-->
	<!--<option value="522203">522203</option>-->
	<!--<option>Orange</option>-->
	<!--<option>Pineapple</option>-->
	<!--<option>Banana</option>-->
	<!--</select>-->
</form>
<!--
查询报表
report.query(reportId, reportServer)
@param {String} reportId 报表ID
@param {String} reportServer 报表服务地址（可选），无时获取全局配置 reportServer
-->
<button id="query" onclick="report.query('123456')">查询测试1</button>
<!--<button id="query2" onclick="report.query('123456',report.getReportServer())">查询测试2</button>-->
<!--
报表切换(根据实际调用次函数进行处理)
report.switch(reportId, reportlet)
@param {String} reportId 报表ID
@param {String} reportlet 切换后报表的名称
input[name$='reportlet'] 报表表单下 input 框且名称以“reportlet”结尾的控件值会被修改
-->
<button id="switch" onclick="report.switch('123456','statistics/3401/staff/person_insured.cpt')">切换报表测试</button>
<!--
静默打印
report.print(reportId, reportServer)
@param {String} reportId 报表ID
@param {String} reportServer 报表服务地址(可选)，无时获取全局配置
-->
<button id="quietPrint" onclick="report.print('123456')">静默打印测试1</button>
<!--<button id="quietPrint2" onclick="report.print('123456',report.getReportServer())">静默打印测试2</button>-->
<!--
预览打印
report.preview(reportId, reportServer)
@param {String} reportId 报表ID
@param {String} reportServer 报表服务地址(可选)，无时获取全局配置
-->
<!--<button id="preview" onclick="report.preview('123456',report.getReportServer())">预览打印测试（未完成）</button>-->
<div class="rep" style="height: 100%">
	<div class="rep-param"></div>
	<!-- iframe 说明:
	1. id ['frameIdPrefix'] + 'reportID'
	2. 报表查询后，会在将当前报表的session 值存储到 iframe 名为 “sessionIdName”（自定义或默认） 属性中
	-->
	<iframe id="reportFrame_123456" name="reportFrame" class="rep-iframe" style="height: 400px"></iframe>
</div>
</body>

